var vm = new Vue({
	el: '#main',
	data: {
		dataObj: {},
		page: 0
	},
	mounted: function() {
		this.init();
	},
	methods: {
		init: function() {
			mui.init({
				pullRefresh: {
					container: ".mui-content", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '50px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '45px', //可选 默认0px,下拉刷新控件的起始位置
						auto: true, //可选,默认false.首次加载自动上拉刷新一次
						callback: pulldownRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据							}
					},
					up: {
						height: 10, //可选.默认50.触发上拉加载拖动距离
						auto: false, //可选,默认false.自动上拉加载一次
						contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
						contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
						callback: pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					}
				}
			});
			function pullupRefresh() {
				mui.plusReady(function() {
					token = plus.storage.getItem('token');
					console.log(token)
					mui.ajax(rutour.notice.lists + token, {
						dataType: 'json',
						type: 'get',
						data: {
							page: vm.page
						},
						success: function(data) {
							if(data.code == 200) {
								console.log(data);
								vm.dataObj = vm.dataObj.concat(data.data.list);
								vm.page = data.data.pageNumber + 1;
							} else {
								mui.toast(data.msg)
							};
							console.log(data.data.lastPage)
							mui('.mui-content').pullRefresh().endPullup(data.data.lastPage); //参数为true代表没有更多数据了。
						}
					})
				});
			}
			/**
			 * 下拉刷新具体业务实现
			 */
			pulldownRefresh();
			function pulldownRefresh() {
				mui.plusReady(function() {
					token = plus.storage.getItem('token');
					mui.ajax(rutour.notice.lists + token, {
						dataType: 'json',
						type: 'get',
						success: function(data) {
							if(data.code == 200) {
								vm.dataObj = data.data.list;
								vm.page = data.data.pageNumber + 1;
							} else {
								mui.toast(data.msg)
							};
							mui('.mui-content').pullRefresh().endPulldown();
							mui('.mui-content').pullRefresh().refresh(data.data.firstPage); // 重置上拉加载 (没有更多数据后禁用了上拉加载   在下拉重新拉去数据的时候重置上拉加载)
						}
					})
				});
			}
		},
		openDetail: function(id, urlName) {
			var $contentW = localStorage.getItem('$contentW'),
				$menuLeftW = localStorage.getItem('$menuLeftW');
			var nwaiting = plus.nativeUI.showWaiting();
			webviewShow = plus.webview.create(urlName, urlName, {
				left: $menuLeftW,
				width: $contentW,
			}, {
				newsid: id
			});
		},
		borderColor: function(index) {
			switch(index % 6) {
				case 0:
					return 'border-left-color:#66CCCC';
				case 1:
					return 'border-left-color:#66CCCC';
				case 2:
					return 'border-left-color:#FFA200';
				case 3:
					return 'border-left-color:#FFA200';
				case 4:
					return 'border-left-color:#F26D5F';
				case 5:
					return 'border-left-color:#F26D5F';
			}
		}
	}
})